.layout {
  display: flex;
  .right_container {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #eaeaea;
    // box-shadow: 0px 0.5px 10px rgba(0, 0, 0, 0.2);
    &_top {
      padding: 16px;
    }
    .img_details {
      display: flex;
      justify-content: flex-start;
      // align-content: flex-start;
      flex-wrap: wrap;
      &_item {
        margin: 0 10px 20px;
      }
    }
    &_bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px;
      .total_pages {
        .num {
          color: #ff6b00;
        }
      }
      .paging {
        display: flex;
        align-items: center;
        .each_page {
          padding: 5px 14px;
          background: #ffffff;
          border-radius: 2px;
          border: 1px solid #eaeaea;
          font-size: 14px;
        }
      }
    }
    .text_content {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    .table_file_content {
      width: 270px;
      height: 70px;
      box-sizing: border-box;
      padding: 5px;
      background: #f9f9f9;
      border-radius: 1px;
      border: 1px solid #eaeaea;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .content_l {
        width: 190px;
        .con_title {
          font-size: 14px;
          font-family: STHeitiSC-Medium, STHeitiSC;
          font-weight: 500;
          color: #33302d;
          line-height: 14px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all;
          margin-bottom: 4px;
        }
        .con_desc {
          font-size: 12px;
          font-family: STHeitiSC-Light, STHeitiSC;
          font-weight: 300;
          color: #969696;
          line-height: 14px;
          text-overflow: -o-ellipsis-lastline;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
        }
      }
      .content_img {
        width: 60px;
        height: 60px;
        border-radius: 2px;
      }
    }
    .img_icon {
      width: 60px;
      height: 60px;
      border-radius: 1px;
    }
    .video_box{
      position: relative;
      left: 50%;
      transform: translate(-50%);
      width: 60px;
      height: 60px;
      .play_icon{
        position: absolute;
        width: 26px;
        height: 26px;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
      }
    }
    .item_image{
      margin:10px 0px;
    }
  }
}